@mixin f-switch-sizes($f-track-width, $f-track-radius, $f-ball-size, $f-ball-unchecked-top, $f-ball-unchecked-left, $f-ball-checked-right, $f-text-font-size) {

    // 定义宽度
    min-width: $f-track-width;
    // 高度
    height: $f-track-radius;
    // 圆角
    border-radius: $f-track-radius;

    small {
        width: $f-ball-size;
        height: $f-ball-size;
        left: $f-ball-unchecked-left;
        top: $f-ball-unchecked-top;
    }

    &.checked {
        small {
            right: $f-ball-checked-right;
            left: auto;
        }
    }

    >.switch-pane {
        >span {
            font-size: $f-text-font-size;
            line-height: $f-track-radius;
        }

        .switch-label {
            &-checked {
                padding-right: $f-track-radius + 0.25rem;
                padding-left: ($f-track-radius / 3);
            }

            &-unchecked {
                padding-left: $f-track-radius + 0.25rem;
                padding-right: ($f-track-radius / 3);
            }
        }
    }

}